<template>
	<div id="shopingOrder">
		<div class="shoping-header">
			<img @click="back" src="../images/ic_shopdetail_back.png" alt="" class="fl">
			<div class="shoping-header-list fl">
				<div class="orderlist">
					<div class="orderitem active fl">
						商品订单
					</div>
					<div class="orderitem2 fl">
						拍卖订单
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="shoping-header-more fr">
				<img src="../images/ic_shopdetail_more.png" alt="">
			</div>
			<div class="clear"></div>
		</div>
		<div class="title-bar">
			<div class="tabWrap">
				<tab :class="tabBarFixed == true ? 'isFixed' :''" :line-width=2 active-color='#a30000' custom-bar-width="36px" v-model="index">
					<tab-item class="vux-center" :selected="item.name == demo" v-for="item in list" @on-item-click="tabChange(item.type,item.name)" :key="item.type">{{item.name}}</tab-item>
				</tab>
			</div>
		</div>
		<div class="wrapper">
			<div class="list" v-if="auction_order == ''">
				<div class="no-data">
					<img src="../assets/images/home/nodata.png" />
					<p class="desc">您还没有订单呦</p>
				</div>
			</div>
			<div class="list" style="overflow: hidden;">
				<div class="shopInfo" v-for="(item,index) in auction_order" v-if="item.order_state != 35 && item.order_state != 36" :key="index">
					<div class="title_bar">
						<img src="..//images/icon_shopdetail_store.png" alt="" class="photo" />
						<div class="title">
							<span>{{item.shop_name}}</span>
							<img src="../assets/images/home/icon_right.png" alt="" />
						</div>
						<div class="miao">
							<img v-if="item.order_from == 'seckill_order'" class="icon_logo" src="../assets/images/home/icon_limit.png" alt="" />
							<div class="sign">
								<span v-if="item.order_state == 10 && item.pay_state == 0 && cur_time < item.order_time + 86400 * 3 && item.order_from != 'auction_signup'">去付款</span>
								<span v-if="item.order_state == 10 && item.pay_state == null	 && cur_time < item.order_time + 86400 * 3 && item.order_from != 'auction_signup'">去付款</span>
								<span v-if="item.order_state == 10 && item.pay_state == 0 && cur_time < item.auction_endtime && item.order_from == 'auction_signup'">去付款</span>
								<span v-if=" item.pay_state == 0 && cur_time > item.order_time + 86400 * 3 && item.order_from != 'auction_signup'">交易关闭</span>
								<span v-if=" item.pay_state == 0 && cur_time > item.auction_endtime && item.order_from == 'auction_signup'">交易关闭</span>
								<span v-if="item.order_state == 20">待发货</span>
								<span v-if="item.order_state == 30">已发货</span>
								<span v-if="item.order_state == 40 && item.order_from != 'auction_signup'">已收货</span>
								<span v-if="item.order_state == 40 && item.order_from == 'auction_signup'">已付款</span>
							</div>
						</div>
					</div>
					<!--拍品-->
					<div class="buyInfo" >
						<router-link :to="'/shop/shopingInfo/order_sn/' + item.order_sn">
							<div v-for="(json,jsonIndex) in item.item_list">
								<div class="pic_bar"  >
									<img :src="json.goods.goods_thumb" alt="" />
									<div class="right limit">
										<div class="fl">
											<p>{{json.goods.shop_name}}</p>
											<div class="limit-cont" ><div class='span fl' v-for="(json2,jsonIndex2) in json.sku_spec">{{json2.sp_name}}:{{json2.sv_name}};</div><div class="clear"></div></div>
										</div>
										<div class='fl b'><div class="money">￥{{json.goods_price}}</div> <div class="now-money">￥199.00</div><div class="now-num">x{{json.goods_num}}</div></div>
										<div class="clear"></div>
										<div class="shop_guige fl"></div>

									</div>
									<div class="clear"></div>
								</div>
							</div>
						</router-link>
						<!-- //商品总结 -->
						<p class="buyCont">
							共 {{item.item_list.length}} 件商品 需付款(含运费):￥{{item.order_money}}
						</p>
						<div class="timer">
							<p v-if="item.pay_state == 0">
								<count-down :currentTime="cur_time" :startTime="item.order_time" :endTime="item.order_time + 86400 * 3" :tipText="'距开始'" :tipTextEnd="'距结束'" :endText="'订单超时  交易关闭'" :dayTxt="'天'" :hourTxt="'时'" :minutesTxt="'分'" :secondsTxt="'秒'"></count-down>
								<b v-if="cur_time < (item.order_time + 86400 * 3)" @click="auctionOrder_pay(item.order_sn)">去付款</b>
								<b v-if="cur_time > (item.order_time + 86400 * 3)" @click="removeOrder(index, item.order_sn,item.order_from,item.auction_endtime,item.order_time)" class="removeOrder">删除订单</b>
							</p>
							<p v-if="item.pay_state == 1">
								<router-link :to="'/shop/shopingInfo/order_sn/' + item.order_sn">
									<span class="orderTime">付款时间:{{timer2time(item.order_time)}}</span>
									<b v-if="item.order_state == 20">提醒发货</b>
									<b v-if="item.order_state == 30">查看物流</b>
								</router-link>
								<b v-if="item.order_state == 40" @click="removeOrder(index, item.order_sn,item.order_from,item.auction_endtime,item.order_time)" class="removeOrder">删除订单</b>
							</p>
						</div>
					</div>

					<!--秒杀-->
					<div class="buyInfo" v-if="item.order_from == 'seckill_order'">
						<router-link :to="'/shop/shopingInfo/order_sn/' + item.order_sn">
							<div class="pic_bar">
								<img :src="'/los/uploads/thumb/goods/' + item.goods_id + '_76X76.jpeg'" alt="" />
								<div class="right">
									<p>{{item.goods_name}}</p>
									<b>￥{{item.seckill_price}}</b>
								</div>
							</div>
						</router-link>
						<div class="timer">
							<p v-if="item.pay_state == 0">
								<count-down :currentTime="cur_time" :startTime="item.order_time" :endTime="item.order_time + 86400 * 3" :tipText="'距开始'" :tipTextEnd="'距结束'" :endText="'交易关闭'" :dayTxt="'天'" :hourTxt="'时'" :minutesTxt="'分'" :secondsTxt="'秒'"></count-down>
								<router-link :to="'/PaymentPage/id/' + item.pay_sn">
									<b v-if="item.order_state == 10 && cur_time < (item.order_time + 86400 * 3)">去付款</b>
								</router-link>
								<b v-if=" item.order_state == 10 && cur_time > (item.order_time + 86400 * 3)" @click="removeOrder(index, item.order_sn,item.order_from,item.seckill_endtime,item.order_time)" class="removeOrder">删除订单</b>
							</p>
							<p v-if="item.pay_state == 1">
								<router-link :to="'/shop/shopingInfo/order_sn/' + item.order_sn">
									<span class="orderTime">付款时间:{{timer2time(item.order_time)}}</span>
									<b v-if="item.order_state == 20">提醒发货</b>
									<b v-if="item.order_state == 30">查看物流</b>
								</router-link>
								<b v-if="item.order_state == 40" @click="removeOrder(index, item.order_sn,item.order_from,item.seckill_endtime,item.order_time)" class="removeOrder">删除订单</b>
							</p>
						</div>
					</div>
					<!--保证金-->
					<div class="buyInfo" v-if="item.order_from == 'auction_signup'">
						<router-link :to="'/shop/shopingInfo/order_sn/' + item.order_sn">
							<div class="pic_bar">
								<img :src="'/los/uploads/thumb/goods/' + item.goods_id + '_76X76.jpeg'" alt="" />
								<div class="right bao">
									<p>{{item.goods_name}}</p>
									<b>￥{{item.auction_deposit}}</b>
									<div class="baoWrap">
										<img src="../assets/images/home/icon_border_bao.png" alt="" />
										<span>保证金</span>
									</div>
								</div>
							</div>
						</router-link>
						<div class="timer">
							<p v-if="item.pay_state == 0">
								<count-down :currentTime="cur_time" :startTime="item.order_time" :endTime="item.auction_endtime" :tipText="'距开始'" :tipTextEnd="'距结束'" :endText="'订单超时  交易关闭'" :dayTxt="'天'" :hourTxt="'时'" :minutesTxt="'分'" :secondsTxt="'秒'"></count-down>
								<b v-if="item.order_state == 10 && cur_time < item.auction_endtime" @click="payNow(item.pay_sn)">去付款</b>
								<b v-if="item.order_state == 10 &&  cur_time > item.auction_endtime" @click="removeOrder(index, item.order_sn,item.order_from,item.auction_endtime,item.order_time)" class="removeOrder">删除订单</b>
							</p>
							<p v-else>
								<span class="orderTime">付款时间:{{timer2time(item.order_time)}}</span>
								<b @click="removeOrder(index, item.order_sn,item.order_from,item.auction_endtime,item.order_time)" class="removeOrder">删除订单</b>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- -->
		<confirm v-model="isRemove" :title="title" @on-confirm="onConfirm">是否删除此订单</confirm>
		<loading :show="show1" :text="text"></loading>
		<toast v-model="large" type="text" width='6.8rem' is-show-mask>{{msg}}</toast>
		<toast v-model="success" type="text" width='4rem' is-show-mask>{{msg}}</toast>
	</div>
</template>

<script>
	import { XHeader, Tab, TabItem, Swiper, Toast, Confirm, dateFormat, SwiperItem, InlineLoading, Sticky, Loading, Spinner, ViewBox } from 'vux'
	import $ from 'jquery';
	import axios from 'axios'
	import BScroll from 'better-scroll';
	import CountDown from 'vue2-countdown';
	export default {
		filters: {
			dateFormat
		},
		data() {
			return {
				title: '删除提示',
				index: 0,
				checked: '',
				show: false,
				show1: false,
				show2: false,
				time: 0,
				large: false,
				disabled: false,
				tabBarFixed: false,
				time: 0,
				text: '加载中',
				listContent: [],
				selected: '',
				demo: '全部',
				list: [{
						name: '全部',
					},
					{
						name: '待付款',
						type: '10'
					},
					{
						name: '待发货',
						type: '20'
					},
					{
						name: '已发货',
						type: '30'
					},
					{
						name: '已收货',
						type: '40'
					},
				],
				cur_time: '',
				selected: 0,
				cache: true,
				flag: true,
				auction_order: [],
				deposit_time: '',
				isRemove: false,
				globals: '',
				success: false,
				msg: '',
				chooseIndex: '',
				order_sn: '',
				order_from: '',
				auction_endtime: '',
				order_time: ''
			}
		},
		components: {
			XHeader,
			Tab,
			TabItem,
			Swiper,
			SwiperItem,
			InlineLoading,
			Sticky,
			Loading,
			Spinner,
			ViewBox,
			CountDown,
			Toast,
			Confirm
		},
		activated() {
			window.addEventListener('scroll', this.handleScroll);
		},
		deactivated() {
			window.removeEventListener('scroll', this.handleScroll);
		},
		beforeRouteLeave(to, from, next) {
			if(to.name == 'shopingInfo') {
				from.meta.keepAlive = true; // 跳转到 订单详情时，订单页面缓存，即不刷新
			} else {
				from.meta.keepAlive = false;
			}
			next();
		},
		created() {
			this.selected = this.$route.query.activeIndex;
			this.demo = this.$route.query.typeName;
			this.tabChange(this.selected, this.demo);
		},
		mounted() {
			//将时间戳转换成日期的封装函数
			Date.prototype.Format = function(fmt) {
				var o = {
					"M+": this.getMonth() + 1,
					"d+": this.getDate(),
					"h+": this.getHours(),
					"m+": this.getMinutes(),
					"s+": this.getSeconds(),
					"q+": Math.floor((this.getMonth() + 3) / 3),
					"S": this.getMilliseconds()
				};
				if(/(y+)/.test(fmt))
					fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
				for(var k in o)
					if(new RegExp("(" + k + ")").test(fmt))
						fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
				return fmt;
			}
		},
		methods: {
			payNow: function(pay_sn) {
				location.href = '#/PaymentPage/id/' + pay_sn
			},
			//根据订单数据生成支付数据   拍品
			auctionOrder_pay: function(order_sn) {
				var params = {
					order_sn: order_sn
				}
				this.$http({
					method: 'POST',
					url: '/los/api/wxpay/auction_order/',
					data: params
				}).then((result) => {
					console.log(result);
					if(result.data.code == 1) {
						location.href = '#/PaymentPage/id/' + result.data.data.pay_sn
					}
				}).catch((err) => {
					console.log(err);
				})
			},

			removeOrder: function(index, order_sn, order_from, auction_endtime, order_time) {
				this.isRemove = !this.isRemove;
				this.chooseIndex = index;
				this.order_sn = order_sn;
				this.order_from = order_from;
				this.auction_endtime = auction_endtime;
				this.order_time = order_time;
			},
			onConfirm: function(index, order_sn, order_from, auction_endtime, order_time) {
				index = this.chooseIndex;
				order_sn = this.order_sn;
				order_from = this.order_from;
				auction_endtime = this.auction_endtime;
				order_time = this.order_time;
				console.log(index, order_sn, order_from, auction_endtime);
				if(auction_endtime < order_time * 2592000) {
					this.success = !this.success;
					this.msg = '订单正在结算 不可删除';
				} else if(order_from == 'auction_signup') {
					this.auctionSignupDel(index, order_sn);
				} else if(order_from == 'auction_order') {
					this.auctionOrderDel(index, order_sn);
				} else {
					this.seckillOrderDel(index, order_sn);
				}
			},

			//点击删除订单
			goodsOrderDel: function(index, order_sn) {
				var params = {
					order_sn: order_sn
				}
				console.log(params);
				this.$http({
					method: 'POST',
					url: '/los/api/buyer/goods_order_del.json',
					data: params
				}).then((result) => {
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = result.data.msg;
						this.auction_order.splice(index, 1);
					}
				}).catch((err) => {
					console.log(err);
				})
			},
			//保证金
			auctionSignupDel: function(index, order_sn) {
				var params = {
					order_sn: order_sn
				}
				console.log(params);
				this.$http({
					method: 'POST',
					url: '/los/api/buyer/auction_signup_del.json',
					data: params
				}).then((result) => {
					this.goodsOrderDel(index, order_sn);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = result.data.msg;
					}
				}).catch((err) => {
					console.log(err);
				})
			},
			//秒杀删除
			seckillOrderDel: function(index, order_sn) {
				var params = {
					order_sn: order_sn
				}
				console.log(params);
				this.$http({
					method: 'POST',
					url: '/los/api/buyer/seckill_order_del.json',
					data: params
				}).then((result) => {
					this.goodsOrderDel(index, order_sn);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = result.data.msg;
					}
				}).catch((err) => {
					console.log(err);
				})
			},
			//拍品删除
			auctionOrderDel: function(index, order_sn) {
				var params = {
					order_sn: order_sn
				}
				console.log(params);
				this.$http({
					method: 'POST',
					url: '/los/api/buyer/auction_order_del.json',
					data: params
				}).then((result) => {
					this.goodsOrderDel(index, order_sn);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = result.data.msg;
					}
				}).catch((err) => {
					console.log(err);
				})
			},

			tabChange: function(index, name) {
				let more = true;
				var page = 1;
				this.demo = name;
				this.selected = index;
				let _this = this;
				let url = '/los/api/mall_member/order_list.json'
				if(this.selected > 0) {
					url += '?os=' + this.selected;
				}
				this.$http({
					method: 'GET',
					url: url,
					data: ''
				}).then((result) => {
					console.log(result);
					var json=result.data.data.order_list;

					$.each(json,function(el,index){
						var that=this;
						var num=0;
						$.each(that.item_list,function(index, el) {
							num=num+parseInt(this.goods_price)*this.goods_num;
						});
						that.allmoney=num;
					})
					this.auction_order = json;
					this.cur_time = result.data.time;
					this.cache = false;
					this.$nextTick(() => {
						this.cache = true;
					});
				}).catch((err) => {
					console.log(err);
				})
				$(window).scroll(function() {
					var htmlHeight = $(document).height();
					var clientHeight = $(window).height();
					var scrollTop = $(document).scrollTop();
					var overHeight = scrollTop + clientHeight;
					if(overHeight >= htmlHeight * 0.9) {
						if(more == true) {
							more = false;
							page += 1;
							let urls = '/los/api/mall_member/order_list.json?page=' + page;
							if(_this.selected > 0) {
								urls += '?os=' + _this.selected + '&page=' + page;
							}
							if(_this.selected == index) {
								axios.get(urls).then(function(result) {
									$.each(result.data.data.goods_order, function(index, val) {
										_this.auction_order.push(val);
									});
									more = true;
									if(result.data.data.goods_order == '') {
										more = false;
									}
								}).catch(function(error) {
									console.log(error);
								})
							}
						}
					}
				})
			},
			//滚动的函数
			handleScroll() {
				var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
				var offsetTop = document.querySelector('.tabWrap').offsetTop
				if(scrollTop > offsetTop) {
					this.tabBarFixed = true;
				} else {
					this.tabBarFixed = false;
				}
			},

			back(){
				window.history.go(-1);
			},
			//将时间戳转换成日期
			timer2time: function(time) {
				return new Date(parseInt(time) * 1000).Format("yyyy-MM-dd hh:mm:ss");
			},
		}
	}
</script>

<style scoped>
	.wrapper {
		overflow: hidden;
	}

	.wrapper .list .no-data {
		width: 2.96rem;
		height: 2.96rem;
		margin: 3rem auto;
	}

	.wrapper .list .no-data img {
		width: 100%;
	}

	.wrapper .list .no-data .desc {
		text-align: center;
		font-size: 0.4rem;
		color: #aaa;
		line-height: 1rem;
	}

	.isFixed {
		position: fixed;
		z-index: 999;
		width: 100%;
		top: 0;
	}

	.header {
		background: #fff;
	}

	.dialog-demo .img-box {
		width: 100%;
		height: 3.7rem;
	}

	.dialog-demo .img-box h2 {
		padding: 1.3em 1.6em 1em;
	}

	.dialog-demo .img-box .weui-title {
		font-size: 0.37rem;
		color: #aaa;
		padding: 0 1.6em 1.2em;
	}

	.img-box .vux-1px-t {
		height: 1.4rem;
		line-height: 1.4rem;
		display: block;
		overflow: hidden;
	}

	.img-box .vux-1px-t span {
		flex: 1;
		display: block;
		float: left;
		width: 50%;
		font-size: 0.45rem;
		text-align: center;
	}

	.contentWrap {
		position: relative;
	}

	.contentWrap .tabWrap {
		position: fixed;
		width: 100%;
		top: 1.06rem;
	}

	.contentWrap .listWrap {
		margin-top: 1.06rem;
	}

	.shopInfo {
		width: 100%;
		margin: 0.26rem 0;
		overflow: hidden;
		background: #fff;
		border-radius: 0.266667rem;
	}

	.shopInfo .title_bar {
		height: 1.17rem;
		line-height: 1.17rem;
	}

	.shopInfo .title_bar .photo {
		width:0.373333rem;
		height:0.373333rem;
		margin: 0.373333rem 0.466667rem;
		float: left;
		border-radius: 0.05rem;
		margin-right: 0.226667rem;
	}

	.shopInfo .title_bar .title {
		float: left;
		font-size: 0.37rem;
		height: 100%;
		color: #333;
	}

	.shopInfo .title_bar .title span {
		height: 1.17rem;
		line-height: 1.17rem;
		display: inline-block;
	}

	.shopInfo .title_bar .title img {
		width: 0.26rem;
		height: 0.26rem;
		margin-left:0.2rem;
		float: right;
		margin-top: 0.42rem;
	}

	.shopInfo .title_bar .miao {
		float: right;
		position: relative;
	}

	.shopInfo .title_bar .miao img {
		float: left;
		position: absolute;
		right: 1.73rem;
		width: 1.2rem;
		height: 1.2rem;
		top: 0.13rem;
	}

	.shopInfo .title_bar .miao .sign {
		float: right;
	}

	.shopInfo .title_bar .sign {
		float: right;
		padding-right: 0.26rem;
		font-size: 0.34rem;
		color: #DD2835;
	}

	.shopInfo .buyInfo {
		width: 96%;
		margin: 0 0.26rem;
		/*border-top: solid 1px #f3f3f3;*/
	}

	.shopInfo .buyInfo .pic_bar {
		padding: 0.4rem 0;
		overflow: hidden;
	}

	.shopInfo .buyInfo .add {
		line-height: 0.8rem;
		height: 0.8rem;
		width: 100%;
		text-align: right;
	}

	.shopInfo .buyInfo .add p {
		font-size: 0.34rem;
		color: #333;
	}

	.shopInfo .buyInfo .add p span {
		font-size: 0.42rem;
	}

	.shopInfo .buyInfo .pic_bar img {
		width: 2.05rem;
		height: 2.05rem;
		float: left;
		border-radius: 0.05rem;
	}

	.shopInfo .buyInfo .pic_bar .right {
		float: left;
		margin-top: 0.05rem;
		margin-left: 0.34rem;
		height: 1.92rem;
		width: 6rem;
		overflow: hidden;
	}
	.shopInfo .buyInfo .pic_bar .right p {
		font-size: 0.34rem;
		line-height: 25px;
		color: #333;
		width: 4.266667rem;
		max-height: 0.8rem;
		overflow: hidden;
		text-overflow:ellipsis;
	}

	.shopInfo .buyInfo .pic_bar .right .b {
		font-weight: normal;
		color: #DA4240;
		font-size: 0.346667rem;
		/*margin-top: 0.4rem;*/
		display: block;
		text-align: right;
		color: #222;
	}
	.shopInfo .buyInfo .pic_bar .right .now-money{
		color: #999;
		text-decoration: line-through;
	}
	.shopInfo .buyInfo .pic_bar .right .now-num{
		text-align: right;
		color: #999;
		font-size: 0.346667rem;
	}
	.shopInfo .buyInfo .pic_bar .limit b {
		float: left;
	}

	.shopInfo .buyInfo .pic_bar .limit span {
		float: right;
		margin: 0.4rem 0.29rem 0 0;
		font-size: 0.34rem;
		color: #777;
	}

	.shopInfo .buyInfo .pic_bar .bao b {
		color: #1874da;
		font-size: 0.42rem;
		float: left;

	}

	.shopInfo .buyInfo .pic_bar .bao .baoWrap {
		position: relative;
		float: left;
		margin: 0.4rem 0 0 0.34rem;
	}

	.shopInfo .buyInfo .pic_bar .bao .baoWrap img {
		width: 1.49rem;
		height: 0.5rem;
	}

	.shopInfo .buyInfo .pic_bar .bao .baoWrap span {
		position: absolute;
		top: 0;
		left: 0.26rem;
		font-size: 0.32rem;
		color: #1874da;
		display: block;
		line-height: 0.5rem;
		text-align: center;
	}

	.shopInfo .buyInfo .promise {
		height: 1.3rem;
		line-height: 1.3rem;
		border-bottom: solid 1px #f3f3f3;
		color: #333;
		overflow: hidden;
	}

	.removeOrder {
		background: #fff!important;
		border: solid 1px #aaa;
		color: #aaa!important;
	}

	.shopInfo .buyInfo .promise span {
		float: left;
		font-size: 0.34rem;
	}

	.shopInfo .buyInfo .promise b {
		float: right;
		font-weight: normal;
		font-size: 0.34rem;
	}

	.shopInfo .buyInfo .sendTime {
		height: 1.3rem!important;
		line-height: 1.3rem!important;
		margin: 0 0.26rem;
		overflow: hidden;
	}

	.shopInfo .timer {
		width: 100%;
		border-top: solid 1px #f3f3f3;
	}

	.shopInfo .timer p {
		height: 1.3rem;
		line-height: 1.3rem;
		font-size: 0.34rem;
		overflow: hidden;
	}

	.shopInfo .timer p .end {
		color: #aaa;
	}

	.shopInfo .timer p b {
		float: right;
		font-weight: normal;
		color: #fff;
		width: 1.97rem;
		height: 0.77rem;
		line-height: 0.77rem;
		text-align: center;
		background: #a30000;
		margin-top: 0.26rem;
		border-radius: 0.05rem;
		font-size: 0.34rem;
	}
	.orderlist{
		margin-top: 0.186667rem;
	}
	.orderitem,.orderitem2{
		width: 2.346667rem;
		height: 0.8rem;
		display:block;
		border: solid 1px #DD2835;
		font-size: 0.373333rem;
		line-height: 0.8rem;
		color: #DD2835;
		text-align: center;
		box-sizing:border-box;
	}
	 .orderitem.active, .orderitem2.active{
		background: #DD2835;
		color: #fff;
	}
	 .orderitem{
		border-radius:0.4rem 0px 0px 0.4rem;
	}
	 .orderitem2{
		border-radius: 0px 0.4rem 0.4rem 0px ;
	}
	.list{
		padding: 0 0.266667rem;
	}
	.limit-cont{
		width: 4.24rem;
		display: inline-block;
		font-size: 0.32rem;
		color: #999;
		max-height: 0.793333rem;
		overflow: hidden;
    	text-overflow: ellipsis;
    	text-align: left!important;
	}
	.shopInfo .buyInfo .pic_bar .limit-cont span{
		margin: 0 ;
		font-size: 0.32rem;
		text-align: left!important;
		clear: both;
	}
	.buyCont{
		text-align: right;
		padding-right: 0.266667rem;
		box-sizing:border-box;
		margin-top: 0.32rem;
		margin-bottom: 0.453333rem;
	}
</style>
